<template>
  <!-- 通过v-xxx的样式来使用自定义指令  全局的可以直接书写 都可以使用-->
  <div>
    <p v-style v-newStyle>App</p>
    <Student />
    <!-- 可以直接使用全局组件 -->
    <Child />
  </div>
</template>

<script>
import Student from "./components/Student";
export default {
  name: "App",
  // 注册
  components: { Student },
  // 自定义指令
  directives: {
    // 接受第一的参数就是dom元素
    style(ele) {
      ele.style.background = "red";
    },
  },
};
</script>

<style>
</style>